<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Home - step by step</title>
    <link rel="stylesheet" href="style/step1.css">
    <link rel="stylesheet" href="style/step2.css">
    <link rel="stylesheet" href="style/step3.css">
    <link rel="stylesheet" href="style/step4.css">
    <link rel="stylesheet" href="style/step5.css">
    <link rel="stylesheet" href="style/step6.css">
    <link rel="stylesheet" href="style/step7.css">
    <link rel="stylesheet" href="style/step8.css">
    <link rel="stylesheet" href="style/step9.css">
    <link rel="stylesheet" href="style/step10.css">
    <link rel="stylesheet" href="style/step11.css">
    <link rel="stylesheet" href="style/step12.css">
    <link rel="stylesheet" href="style/step13.css">
    <link rel="stylesheet" href="style/step14.css">
    <link rel="stylesheet" href="style/step15.css">
    <link rel="stylesheet" href="style/step16.css">
    <link rel="stylesheet" href="style/step17.css">
    <link rel="stylesheet" href="style/step18.css">
</head>

<body>
    <header class="nav">
        <div class="container container-flex">
            <ul>
                <li><a href="/240326/home/index.html" class="nav-link site-title">个人网站</a></li>
            </ul>
            <ul>
                <li><a href="/240325/resume.html" class="nav-link objection">个人简历</a></li>
                <li><a href="/240326/home/dailynote.html" class="nav-link objection">学习笔记</a></li>
                <li><a href="#" class="nav-link objection">项目经验</a></li>
            </ul>
        </div>
    </header>
    <main>
        <div class="container">
            <div class="intro">
                <img class="avatar" src="./img/avatar.png" alt="我的头像">
                <h2 class="name">御坂雅纪</h2>
                <p class="bio">知行合一，独立思考</p>
            </div>

            <div class="bq">
                <p class="small">我最喜欢的一句歌词</p>
                <blockquote>
                    星の光を集めて、思い重ねたある夢は、オーロラ。
                    <p class="translation">收集点点星光，随思念缠叠的梦绽放，这即为极光。</p>
                    <span> - 「Aurora（feat.Shion）」</span>
                </blockquote>
            </div>
        </div>
    </main>

</body>

</html>